<template>
  <div class="background" style="height: 900px;">
    <p style="margin-top: 150px">
      <span style="font-size: 150px;color: #FFCF14">4</span>
      <span style="font-size: 150px;color: orange">0</span>
      <span style="font-size: 150px;color: #FFCF14">4</span>
    </p>
    <p style="margin-top: 300px;font-size: 25px;color: orange">抱歉,您访问的页面不知所踪</p>
    <el-button style="border: 1px solid #FFCF14;background: rgba(255,207,20,0.5);color: darkorange;border-radius: 5px" @click="router.push('/index')">刷新试试</el-button>
  </div>
</template>

<script setup>
import router from '@/router';
</script>

<style scoped>
.background {
  overflow: hidden;
  background-image: url("/public/R-C.gif");
  background-size: cover; /*设置封面尺寸*/
  background-position: center; /*设置背景图片居中*/
}
</style>